{% extends "base.html" %}

{% block content %}
    <ul class="ul_navi_func">
    <li class="li01"><a href="{% url recipes-users-email-change %}">メール変更</a></li>
    <li class="li01"><a href="/accounts/password_change/">パスワード変更</a></li>
    <li class="li02"><a href="{% url recipes-users-inactivate %}">退会</a></li>
    </ul>

    <div class="div_alpha14">
    <h2 class="h2_alpha02">設定変更</h2>
    <div class="div_alpha14_inner">
    
    {% if profile.icon %}
        <p class="p01"><img src="{{ profile.icon.url }}" /></p>
    {% endif %}
    
    <form action="." enctype="multipart/form-data" method="POST">
        <table class="tbl03">
            <tr>
                <th>ニックネーム:</th>
                <td><input type="text" name="nickname" value="{{ user.first_name }}" /></td>
            </tr>
            <tr>
                <th>メールアドレス:</th>
                <td>{{ user.email }}<br />メールアドレスは公開されません。</td>
            </tr>
            <tr>
                <th>性別:</th>
                <td>
                    {% if profile.is_female %}
                        女性
                    {% else %}
                        男性
                    {% endif %}
                    <br />性別は公開されません。
                </td>
            </tr>
            <tr>
                <th>誕生年:</th>
                <td>{{ profile.birth_year }} 年<br />誕生年は公開されません。</td>
            </tr>
            {{ profile_form.as_table }}
        </table>
        <input type="submit" value="決定" />
    </form>
    
    </div>
    </div>
{% endblock %}
